<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
         /*
            封装一个函数, 根据参数输出内容
        */

    // function fn(n, m) {
    //   // code run here ...
    // }

    /*
      fn(5, 7)
        [
        [1  10  11  20  21  30  31]
        [2  9   12  19  22  29  32]
        [3  8   13  18  23  28  33]
        [4  7   14  17  24  27  34]
        [5  6   15  16  25  26  35]
       ]
    */

    // var arr1 = [];
    // for(var i=1;i<36;i++){
    //     arr1.push(i);
    // }
    // console.log(arr1);
    
    // 创建一个一位数组  长度35  元素  1 到 35 
    const numbers = Array.from({length:35},(haha,i)=> i+1);
    console.log(numbers); // [1,2,3,4,5,...35];
    
    // [[1,2,3,4,5],[6,7,8,9,10],...[31,32,33,34,35]];

    // 每次从原数组中 截取5个 不能影响原数组  slice

    const arr = [];
    for(i=0;i<numbers.length;i+=5){
        arr.push(numbers.slice(i,i+5))

    }

    // console.log(arr);

    /* [
     [1,2,3,4,5],
     [6,7,8,9,10],
     [11,12,13,14,15],
     [16,17,18,19,20],
     [21,22,23,24,25],
     [26,27,28,29,30],
     [31,32,33,34,35]
    ] */

    for(var i=0;i<arr.length;i++){
        if(i % 2 == 1){
            arr[i] = arr[i].reverse() 
        }
    }

    console.log(arr); 


    /* 
    
    [[1,2,3,4,5],
    [10,9,8,7,6],
    [11,12,13,14,15],
    [20,19,18,17,16],
    [21,22,23,24,25],
    [30,29,28,27,26],
    [31,32,33,34,35]]
    */


    // 接下来 调整数组的顺序  
    // 由 原来的 7行五列  变成 最终的  五行七列 


    // 准备 空数组  将原来的数据 放到新数组指定的位置  

    //嵌套循环  
    // 外边的循环控制行 循环 5次

    // 里边的循环控制列 循环7次 

    const res = [];
    //arr[0].length  5
    // arr.length   7 
    for(var i=0;i<arr[0].length;i++){
        var newarr = [];
        for(var j=0;j<arr.length;j++){
            // arr[0][0]
            // arr[1][0]
            // arr[2][0]
            // arr[3][0]
            // arr[4][0]
            // arr[5][0]
            // arr[6][0]

            // arr[0][1]
            // arr[1][1]
            // arr[2][1]
            // arr[3][1]
            // arr[4][1]
            // arr[5][1]
            // arr[6][1]

            // arr[0][2]
            // arr[1][2]
            // arr[2][2]
            // arr[3][2]
            // arr[4][2]
            // arr[5][2]
            // arr[6][2]


            // arr[0][3]
            // arr[1][3]
            // arr[2][3]
            // arr[3][3]
            // arr[4][3]
            // arr[5][3]
            // arr[6][3]

            // arr[0][4]
            // arr[1][4]
            // arr[2][4]
            // arr[3][4]
            // arr[4][4]
            // arr[5][4]
            // arr[6][4]

            newarr.push(arr[j][i]);
            // console.log(newarr);

        }
        res.push(newarr)
    }


    console.log(res);

    </script>
</body>
</html>